html {
 background-color:white;
 color:black;
 font-family:sans-serif,serif;
 height:100%;
}

body {
 background-color:white;
 height:100%;
 margin:auto;
}

a {
 color: #125bb4;
 font-weight:bold;
 text-decoration:none;
}

a:hover {
 text-decoration:underline;
}

#navigation {
  background-color: #5786C1;
  color: white;
  height: 32px;
  font-size: 18px;
  margin-bottom: 10px;
  padding-top: 5px;
}

img.logo {
 width:200px;
 height:32px;
 float: left;
}

.navlink {
 height:32px;
 padding-bottom: 10px;
 padding-left: 5px;
 padding-right: 5px;
 margin-top: 5px;
 color: white;
 text-decoration: none;
}

a.navlink:hover {
  background-color: white;
  color: #5786C1;
  text-decoration: none;
}

#indexContainer {
 width: 800px;
 margin: auto;
}

#newsContainer {
 float: right;
 background-color: red;
}

#registrationContainer {
 float: left;
 width: 400px;
 background-color: cyan;
}

#searchForm {
 display:inline;
 margin: 0%;
 padding: 0%;
}

.content {
 padding-left:10px;
 padding-right:10px;
}

#leftColumn {
  width: 45%;
  float: left;
}

#rightColumn {
  width: 45%;
  float: right;
}

#footer {
 margin: auto;
 position: absolute;
 bottom: 10px;
 width: 100%;
 text-align: center;
 font-size: 10px;
}

#footnote {
  color: white;
  clear: both;
  font-size: 8px;
  font-style: italic;
  font-variant: small-caps;
  font-weight: 800;
  margin: 0;
  padding: 0;
}

#comments {
  padding: 10px;
  height: 500px;
  overflow-y: scroll;
}
